.button-group {
  // 按钮换行时，如果font-size不设置为0，会导致按钮间有间隙
  font-size: 0;

  > .button {
    position: relative;
    z-index: 0;
  }

  // 第一个按钮右侧圆角设置为0
  > .button:first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }

  // 最后一个按钮左侧圆角设置为0
  > .button:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  // 其他按钮圆角都设置为0
  > .button + .button:not(:first-child):not(:last-child) {
    border-radius: 0;
  }

  // 重叠边线
  > .button + .button {
    margin-left: -1px;
  }

  > .button::first-child {
    margin-left: 0;
  }

  > .button:hover, .button-active {
    z-index: 1;
  }
}
